html,
body {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Lato", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", SimSun, sans-serif;
  word-break: break-all;
}

html {
  background: #f7f8f9;
}

body {
  font-size: 14px;
  color: rgba(0, 0, 0, 0.65);
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  box-sizing: border-box;
  overflow: visible !important;

  &.el-popup-parent--hidden {
    overflow: hidden !important;
  }
}

#app {
  height: 100vh;
}

.operation-box {
  width: 100%;
  margin-bottom: 20px;
}


li {
  list-style: none;
}


/* 重写element css */
/**
=============================================================================================================================
*/

.el-tabs .el-tabs__item.is-active {
  color: #226bf2;
}

.el-button {
  font-weight: 400 !important;

  &.el-button--primary:not(.is-plain):not(.is-disabled) {
    background: #226BF2;
    border-color: #226BF2;
  }

  &.el-button--small {

    font-size: 14px;

    &:not(.el-button--text) {
      padding: 8px 14px;
    }
  }

  &.el-button--text {
    color: #226BF2;

    &.is-disabled {
      color: #C0C4CC;
    }
  }
}


.el-cascader-menu__wrap {
  height: 250px !important;
}

.el-col .el-select,
.el-col .el-cascader {
  display: block;
}

.cascader-requirelast {

  .el-cascader-node[aria-haspopup],
  .el-cascader-node.is-disabled {
    .el-checkbox {
      display: none;
    }

    .el-cascader-node__label {
      margin-left: 16px;
    }
  }
}

.el-cascader-node {
  .el-cascader-node__label {
    font-weight: 400;
  }

  &>.el-radio {
    margin-top: 1px;
  }

  &.in-active-path,
  &.is-active,
  &.is-selectable.in-checked-path {
    color: #226BF2 !important;
  }
}

.el-popover {
  min-width: auto !important;
  padding: 16px;
}

.el-popconfirm {
  max-width: 400px;

  .el-popconfirm__main {
    margin: 10px 0 14px;
  }
}



.el-dialog {
  margin-bottom: 0 !important;
  border-radius: 4px !important;
  max-height: 80%;
  display: flex;
  flex-direction: column;
  transition: width 0.3s;

  .el-dialog__header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
    padding: 15px 24px;

    .el-dialog__title {
      font-size: 16px;
    }
  }

  .el-dialog__headerbtn {
    top: 18px;
  }

  .el-dialog__body {
    padding: 24px;
    overflow: hidden;
    overflow-y: auto;
    flex: 1;
  }

  .el-dialog__footer {
    padding: 10px 16px;
    border-top: 1px solid rgba(0, 0, 0, 0.09);
  }
}

.el-form-item__label {
  padding: 0 !important;
}

.el-slider {
  position: relative;
  z-index: 1;
}

.el-checkbox {
  .el-checkbox__inner {
    width: 16px;
    height: 16px;

    &::after {
      left: 5px;
      top: 2px;
    }
  }

  &.is-checked .el-checkbox__input.is-checked .el-checkbox__inner {
    background: #226BF2;
    border-color: #226BF2;
  }

  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background: #fff !important;
    border-color: #DCDFE6 !important;

    &::before {
      transform: scale(1);
      width: 8px;
      height: 8px;
      background: #226BF2;
      left: 3px;
      top: 3px;
    }
  }

  .el-checkbox__label {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65) !important;
  }

  &.is-disabled {
    opacity: 0.5;
  }
}

.el-color-predefine {
  width: 100% !important;

  .el-color-predefine__color-selector {
    width: 16px;
    height: 16px;
    margin: 0px 10px 10px 0px;

    &.selected {
      box-shadow: none;
    }

    div {
      box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 0px 1px inset;
    }
  }

}

.el-image {
  .el-image__error {
    font-size: 12px;
  }
}

.el-color-dropdown__btns {
  .el-color-dropdown__link-btn {
    padding: 0;
  }
}

.el-color-picker.el-color-picker--small {
  vertical-align: top;

  .el-color-picker__trigger {
    width: 50px;
  }

  .el-color-picker__color {
    border: 0;
  }
}

.el-select {
  .el-tag {
    max-width: 100%;

    .el-select__tags-text {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
      vertical-align: top;
    }
  }
}

.el-select-dropdown {
  // margin: 0 !important;

  // .popper__arrow {
  //   display: none !important;
  // }

  .el-select-dropdown__item {
    &.selected {
      color: #226BF2 !important;
      font-weight: 400;
    }

    span {
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      display: inline-block;
    }
  }
}


.el-main>.el-loading-mask {
  position: fixed;
  left: 185px;
  top: 56px;
  right: 16px;
}

.el-loading-mask .el-icon-loading {
  width: 24px;
  height: 24px;
  animation: rotating 0.8s linear infinite;
  background: url('') no-repeat;

  &::before {
    display: none;
  }
}

.el-textarea__inner {
  font-size: 14px !important;
  font-family: Arial;
}

.el-switch {
  .el-switch__core {
    border: 0 none;

    &::after {
      top: 2px;
    }
  }
}

.el-message {
  min-width: 60px !important;

  .el-message__content {
    padding-right: 8px;
  }
}

.el-tooltip__popper.is-light {
  border-color: #ebeef5 !important;

  .popper__arrow {
    border-bottom-color: #ddd !important;
  }
}

.el-radio {
  font-weight: 400 !important;
  margin-right: 25px;

  .el-radio__inner {
    width: 16px;
    height: 16px;
  }

  .el-radio__inner::after {
    width: 8px;
    height: 8px;
    border: 3px solid #fff;
    background-color: #226BF2;
  }
}

.el-radio__input.is-checked+.el-radio__label {
  color: inherit !important;
}

.el-link.el-link--primary {
  color: #226BF2 !important;
  font-weight: 400;
}

.el-image-viewer__wrapper {
  outline: 0;

  .el-image-viewer__close {
    color: #212121;
  }

  .el-image-viewer__mask {
    background: #fff;
  }
}

.el-radio-button__orig-radio:checked+.el-radio-button__inner {
  background-color: #226BF2 !important;
  border-color: #226BF2 !important;
  box-shadow: -1px 0 0 0 #226BF2 !important;
}

.el-input {
  .el-input__inner {
    padding-right: 60px;

    &:last-child {
      padding-right: 15px;
    }
  }

  &.el-input-group--append .el-input__inner {
    padding-right: 15px;
  }
}

.el-input-number {
  z-index: 3;
}

.el-popconfirm {
  min-width: 160px;
}



/* 重写element css end */